技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 12 屆 iThome 鐵人賽
DAY
11
0
自我挑戰組
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ
系列 第
11
篇
鐵人賽Day11-第七章:動畫3.1-倒滿水杯1(lottie版)
12th鐵人賽
窩是一隻魚
團隊
對不起,你是個好人,但我們只是網友
2020-09-24 23:25:38
614 瀏覽
分享至
做了這麼久動畫,大家先坐下來喝口水吧W
不過為了讓大家看清楚“水流“,於是這次我使用”可樂“這種能看得清楚的液體來做。那麼,我們就開始今天的動畫吧W
1.首先,我們先畫好我們的可樂及杯子放進AE裡(記得放進來的時候要選Layer size不要忘了喔!)
2.我們將要用的圖層都拉到左下方
3.一樣,我們將這些Create shapes from vector layer。
4.接下來,我們就要來倒我們的可樂摟~
(1).我們將除了可樂杯以外的圖層做一個預集合。
(2).我們叫它“可樂”
(3).再來,我們將”可樂杯“複製一個
(4).把其中一個移到最後
(5).把最上面的可樂杯縮小一點
(6).在“可樂”圖層後面的Track Matte拉下小箭頭Alpha最上層並調整過的可樂杯
(7).就會變得像這樣!
(8).再來我們按到剛剛的可樂預集合裡
(9).我們找到可樂第一層的Position。
(10).慢慢往上移動,最好是有弧度的左右移動。
(11).可以邊移邊看主畫面調整,而後面其他圖層就能依據這個圖層來調整了。
(12).偶而回主畫面看一下
(13).“可樂第二層”也一樣作法,目前液體的部分就這樣。
5.主畫面現在是這樣,但這樣顯得很單調。
於是我們給他一些二氧化碳所產生的氣泡。
(1).先將泡泡對好最後的位置
(2).選擇泡泡1,找到Position在最後一秒的地方按下碼表,再往前一秒移動他的位置
(3).移動完後我們來調整他的透明度讓他更貼近真實。
(4).那這裡比較特別的是,為了讓他維持一小段時間都是100%,於是我們先在一開始的地方按下碼表,這時候是100%,我們將時間往後拉一點,調整到0%,然後再往後一點調到100%,將最前面兩個關鍵針位置互換。
用這種方式做出五個關鍵針,分別的%數為0%-100%-100%-0%-0%,並且做雙向循環loopOut(type="pingpong")。
(5).將這段透明度的五個關鍵針複製到其他泡泡上,並做時間上的微調。其他泡泡一樣拉Position。
(6).最後就會長這樣!
完成品如下~
https://lottiefiles.com//share/qhntfm9e
那明天就是特效版了!各位明天見~
留言
追蹤
檢舉
上一篇
鐵人賽Day10-第六章:動畫2.3-移動中的車子3
下一篇
鐵人賽Day12-第七章:動畫3.2-倒滿水杯2(特效版)
系列文
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ
共
30
篇
目錄
RSS系列文
訂閱系列文
9
人訂閱
26
鐵人賽Day26-第八章:研究過程,誰能告訴我怎麼辦2!
27
鐵人賽Day27-第八章:我終於完成了!!!恐龍成功了!!
28
鐵人賽Day28-第八章:恐龍在草地上奔跑吧!
29
鐵人賽Day29-第九章:動畫5.1-天氣與灣熊1
30
鐵人賽Day30-第九章:動畫5.2-天氣與灣熊,今天一次完成它!
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23096
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
程式設計
react
vue.js
熱門問題
網路佈線請益
怎麼才能免費申請
檔案管理與呼叫資料夾(電腦使用習慣)
一般硬體防火牆,對外 大多要限制那些服務?
win10更改資料夾顏色
租用電腦服務
記憶體不足,無法執行 MICROSOFT EXCEL。請關閉其他應用程式再試一次
請問有人能教我使用ms17-010(永恆之藍)進行滲透測試嗎?(kali linux)
LINE群組是否有進階功能
如何在AD上面派送文字訊息給user
熱門回答
網路佈線請益
FAT32 有分什麼版本嗎? CCTV 不支持
一般硬體防火牆,對外 大多要限制那些服務?
請問如何讓20出頭的人,由不會到會呢
win10更改資料夾顏色
熱門文章
你知道駭客如何入侵你的網站嗎?
使用 AWS建立商品管理系統
如何不顯示臉書的贊助商廣告 跟 為你推薦
如何使用AWS AI Service Cards – Amazon Rekognition ?
線上點餐系統
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}